<template>
<div class="min-swiper-box">
    <van-swipe :autoplay="3000" lazy-render>
  <van-swipe-item v-for="image in images" :key="image">
    <img :src="image" />
  </van-swipe-item>
</van-swipe>
</div>
</template>

<script lang="ts" setup>
 const images = [
      'https://www.zgmyncpjyw.com/uploadfiles/2022/07/20220715172322087.jpg?MjAyMi0wNy0xNUFQUOW5v+WRiuS9jeWxleS8muWAkuiuoeaXti5qcGc=',
      'https://www.zgmyncpjyw.com/uploadfiles/2022/06/20220623163536495.jpg?MjAyMi0wNi0yM0FQUOW5v+WRiuS9jeS+m+W6lOmTvumHkeiejeacjeWKoS5qcGc=',
    ];
</script>

<style scoped>
.min-swiper-box{
    width: 95%;
    display: flex;
    margin: auto;
    margin-top: 65px;
}
.van-swipe{
    height:200px;
    border-radius: 20px;
}
img{
    width: 100%;
    height: 100%;
}
</style>